<template>
	<view class="" style="padding: 30rpx;">
		<view class="" style="display: flex;justify-content: center;flex-direction: column;align-items: center;margin-top: 50rpx;">
			<!-- <image src="../../static/logo.png" mode="" style="width: 200rpx;height: 200rpx;border-radius: 50%;"></image> -->
			<image :src="item.avatar" mode="" style="width: 200rpx;height: 200rpx;border-radius: 50%;" v-if="item.avatar"></image>
			<image src="../../static/logo.png" mode="" style="width: 200rpx;height: 200rpx;border-radius: 50%;" v-if="!item.avatar"></image>
			<view class="" style="font-weight: bold;font-size: 34rpx;margin-top: 30rpx;">
				{{item.name}}
			</view>
			<!-- <u-avatar :text="text"></u-avatar> -->
			<!-- <u-avatar :src="src"></u-avatar> -->
		</view>
		<!-- <view class="" style="background-color: #f8f8f8;height: 26rpx;margin-top: 30rpx;"></view> -->
		<view class="" style="margin-top: 100rpx;">
			<view class="" style="display: flex;justify-content: space-between;border-bottom: 1rpx solid #efefef;padding: 30rpx 0;">
				<view class="">
					<text>联系电话：</text>
					<text>{{item.mobile}}</text>
				</view>
				<view class="">
					<u-icon name="phone" color="#2979ff" size="36"></u-icon>
				</view>
			</view>
			<view class="" style="display: flex;justify-content: space-between;border-bottom: 1rpx solid #efefef;padding: 30rpx 0;">
				<view class="">
					<text>电子邮箱：</text>
					<text>{{item.mail}}</text>
				</view>
				<view class="">
					<!-- <u-icon name="phone" color="#2979ff" size="36"></u-icon> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
			data() {
				return {
					item:{},
					src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
					text: '无头像'
				}
			},
			onLoad(option) {
				console.log(option)
				this.item = JSON.parse(option.item)
				console.log(this.item)
			},
			methods:{
				
			}
		}
</script>

<style>
</style>